<div id="title" style="display:none">Thông báo tới ban quản tri tin rao vặt</div>
<div class="popup-content">
	
    <div id="cError"></div>
    <div class="popup-alert">
    	
        <form action="<?php echo base_url('ajax/do_alert') ?>" method="post" id="form" >
        <div id="noteEmpty"></div>
        <div class="gold-title">Bạn hãy cho chúng tôi biết lý do cảnh báo tin này!</span></div>
        <ul style="margin:15px 0px 10px 0px;font-size:12px;">
        	<li>
            	<input type="checkbox" value="Tin đăng có dấu hiệu lừa đảo." name="pr0" id="rp0"> 
            	<label for="rp0"> Tin đăng có dấu hiệu lừa đảo.</label>
                <input type="hidden" name="bad" id="bad">
            </li>
            <li>
            	<input type="checkbox" value="Sản phẩm này quá rẻ so với giá thị trường." name="pr1" id="rp1"> 
            	<label for="rp1"> Sản phẩm này quá rẻ so với giá thị trường.</label>
            </li>
            <li>
            	<input type="checkbox" value="Không có thông tin sản phẩm cần bán." name="pr2" id="rp2">
                <label for="rp2"> Không có thông tin sản phẩm cần bán.</label>
            </li>
            <li>
            	<input type="checkbox" value="Không có địa chỉ hoặc số ĐT liên hệ cụ thể." name="pr3" id="rp3">
                <label for="rp3"> Không có địa chỉ hoặc số ĐT liên hệ cụ thể.</label>
            </li>
            <li>
            	<input type="checkbox" value="Tin đăng chứa nội dung xấu." name="pr4" id="rp4"> 
                <label for="rp4"> Tin đăng chứa nội dung xấu.</label>
            </li>
            <li>
            	<input type="checkbox" value="Tin đăng spam." id="rp5" name="rp5"> 
                <label for="rp5"> Tin đăng spam.</label>
            </li>
            <li>
            	<div style="margin:8px 0 5px">Lý do khác</div>
         		<div><textarea style="font-family:Arial;font-size:12px" rows="5" cols="89" name="re_other" id="re_other"></textarea></div>
           	</li>
            <li>
            	<div style="margin:10px 0 10px"><b>Thông tin để BQT Tin Rao Vặt liên hệ:</b></div>
            </li>
            <li>
            	<div>Email:<input type="text" style="width:300px; height:20px;margin-left:9px" maxlength="100" name='email' id="email"></div>
            </li>
            <li>
            	<div style=" margin-top:5px">Mobile:<input type="text" style="width:100px; height:20px; margin-left:5px" maxlength="15" name="mobile" id="mobile"></div>
            </li>
           
        </ul>
        <input name="post_id" type="hidden" value="<?php echo $post_id; ?>">
        </form>
    </div>
</div>

<script type="text/javascript">



jQuery(document).ready(function(){
	var str_checked="";
	jQuery('#rp0').click(function(){
		str_checked+=$('#rp0').val();
		jQuery('#bad').val(str_checked);
	});
	jQuery('#rp1').click(function(){
		str_checked+= $('#rp1').val();
		jQuery('#bad').val(str_checked);
	});
	jQuery('#rp2').click(function(){
		str_checked+=$('#rp2').val();
		jQuery('#bad').val(str_checked);
	});
	jQuery('#rp3').click(function(){
		str_checked+=$('#rp3').val();
		jQuery('#bad').val(str_checked);
	});
	jQuery('#rp4').click(function(){
		str_checked+=$('#rp4').val();
		jQuery('#bad').val(str_checked);
	});
	jQuery('#rp5').click(function(){
		str_checked+=$('#rp5').val();
		jQuery('#bad').val(str_checked);
	});
	jQuery('#re_other').blur(function(){
		str_checked+=$('#re_other').val();
		jQuery('#bad').val(str_checked);	
	});
	
	jQuery.validator.addMethod("phone_number", function(value, element) {
		return this.optional(element) || /^[0-9\.\(\)\+]+$/i.test(value);
	});
	
	
	jQuery("#form").validate({
		
		rules: {
			bad: {
				required:true
			},
			email: {
				required:true,
				email:true
			},
			mobile: {
				required:true,
				phone_number:true
			}
		},
		messages: {
			bad: {
				required: 	'Bạn hãy cho chúng tôi biết lý do cần cảnh báo tin này!'
			},
			email:{
				required: 	'Nhập địa chỉ email của bạn.',
				email:		'Email bạn nhập không chính xác!'
			},
			mobile: {
				required: 'Nhập số điện thoại của bạn.',
				phone_number: 'Số điện thoại chỉ gồm chữ số và từ 10 đến 12'
			}
		},
		errorPlacement: function(error,element){ },
	    invalidHandler: function(form, validator) {
	        var errors = validator.numberOfInvalids();
	        if (errors) {
				jQuery("#noteEmpty").addClass("noteEmpty");
	            jQuery('#noteEmpty').html(validator.errorList[0].message);  //Only show first invalid rule message!!!
	            //validator.errorList[0].element.focus(); //Set Focus
	        }
	    },
		submitHandler: function(form) {
			 jQuery(form).ajaxSubmit({
				dataType:'json',
				resetForm:true,
				async: true,
				success: function(data) { 
					if(data['flag']){
						jQuery("#cError").addClass("noteEmpty").css({'color':'#008000'});
	           		 	jQuery('#cError').html(data['msg']);
						jQuery('.popup-alert').html('');
						jQuery('.ui-dialog-buttonpane').hide();
						//jQuery('.ui-dialog').removeClass('ui-dialog-buttonpane');
						setTimeout(function(){
							jQuery('#submitDialog').dialog('close'); 
						},1500);
					}else {
						jQuery("#noteEmpty").addClass("noteEmpty");
	           		 	jQuery('#noteEmpty').html(data['msg']);
					}
					
				}
			
			});
			return false;
		 }
		 
	}); 
});
</script>